<template>
  <el-page-header @back="goBack" content="详情页面"></el-page-header>


  <div class="info">
    <info-card></info-card>
    <div class="image">
      <el-avatar :size="150" :src="circleUrl"></el-avatar>
    </div>
  </div>


</template>

<script>
import InfoCard from './components/InfoCard'
export default {
  name: "Info",
  components: {
    InfoCard,
  },
  data() {
    return {
      username: '张三',
      email: 'Zhangsan@qq.com',
      id: '1',
      circleUrl: "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
    }
  },
  methods: {
    goBack() {
      this.$router.push('/qamanage')
    }
  }
}
</script>

<style>
.body {

}
/*.whole {*/
/*  background-color: snow;*/
/*}*/
/*html {*/
/*  background-color: snow;*/
/*}*/

.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
  /*background-color: white;*/
}

.box-card {
  /*background-color: snow;*/
  width: 600px;
  height: 250px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.info {
  position: absolute;
  top: 50px;
  bottom: 50px;
  left: 50px;
  right: 50px;
  margin: auto;
}

.image {
  position: absolute;
  margin-left: 980px;
  margin-top: 425px;
}
</style>